<!DOCTYPE html>
<html>

<!-- Head -->
<head>

	<title>YunTech</title>

	<!-- Meta-Tags -->
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="keywords" content="">
		<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<!-- //Meta-Tags -->

	<!-- Custom-Stylesheet-Links -->
		<!-- Bootstrap-CSS --> 		<link rel="stylesheet" href="css/bootstrap.min.css" 	type="text/css" media="all">
		<!-- Index-Page-CSS --> 	<link rel="stylesheet" href="css/style.css" 			type="text/css" media="all">
		<!-- Gallery-Popup-CSS --> 	<link rel="stylesheet" href="css/chocolat.css" 		type="text/css" media="all">
	<!-- //Custom-Stylesheet-Links -->

	<!-- Web-Fonts -->
		<!-- Body-Font --> <link rel='stylesheet' href='http://fonts.useso.com/css?family=Open+Sans:400,300,600,700' type='text/css'>
	<!-- //Web-Fonts -->

</head>
<!-- //Head -->



<!-- Body -->
<body>

	<!-- Header -->
	<div class="header" id="home">

		<div class="slider-info">
			<div class="logo">
				<a href="#">YunTech</a>
			</div>

			<div class="side">
				<nav class="dr-menu">
					<div class="dr-trigger"><span class="dr-icon dr-icon-menu"></span></div>
					<ul>
						<li><a class="scroll dr-icon dr-icon-user" href="#about">about</a></li>
						<li><a class="scroll dr-icon dr-icon-camera" href="#services">services</a></li>
						<li><a class="scroll dr-icon dr-icon-bullhorn" href="#pricing">pricing</a></li>
						<li><a class="scroll dr-icon dr-icon-heart" href="#team">team</a></li>
						<li><a class="scroll dr-icon dr-icon-download" href="#projects">projects</a></li>
						<li><a class="scroll dr-icon dr-icon-settings" href="#enterprise vision">enterprise vision</a></li>
						<li><a class="scroll dr-icon dr-icon-switch" href="#newsletter">newsletter</a></li>
					</ul>
				</nav>
			</div>
		</div>

		<div class="slider">
			<!-- Slider1 -->
			<div class="slider-1">
				<ul class="rslides" id="slider1">
					<li>
						<img src="images/slide-1.jpg" alt="Hitech Info">
					</li>
					<li>
						<img src="images/slide-2.jpg" alt="Hitech Info">
					</li>
					<li>
						<img src="images/slide-3.jpg" alt="Hitech Info">
					</li>
					<li>
						<img src="images/slide-4.jpg" alt="Hitech Info">
					</li>
				</ul>
			</div>
			<!-- //Slider1 -->
		</div>
		<div class="clearfix"></div>

	</div>
	<!-- //Header -->



	<!-- About -->
	<div class="about" id="about">
		<div class="container">

			<h1>ABOUT US</h1>
			<div class="heading-underline">
				<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
			</div>

			<div class="col-md-6 col-sm-6 about-details">
				<div class="about-image">
					<img src="images/Cloud.png" alt="Hitech Info">
				</div>
				<div class="about-info">
					<p>  Cloud Technology Co., Ltd. is a high-tech company specializing in the design, development and sales of computer and data storage systems; Founded in 2020, Cloud Technology Co., Ltd. has inherited the experience in the field of data storage, integrated into today's advanced computer technology, made remarkable achievements in the field of data storage and computer systems, and become a high-tech company with strong influence in this field. Cloud technology companies provide services such as storage products, small devices, industry solutions, data centers, and cloud storage for various users.
						<br>
						Our tenet: Profession is the foundation, service is the guarantee, and quality is the reputation. With reliable product quality and good after-sales service, we are recognized by everyone
					</p>
				</div>
				<div class="clearfix"></div>
			</div>

			<!-- Skills -->
			<div class="col-md-6 col-sm-6 skills">

				<div id="about-us" class="parallax">
					<h2>OUR ADVANTAGES</h2>
				<div class="heading-underline">
					<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
				</div>
					<div class="our-skills wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
						<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="300ms">
							<p class="lead">SECURITY</p>
							<div class="progress">
								<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="99">99%</div>
							</div>
						</div>
						<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="400ms">
							<p class="lead">STORAGE CAPACITY</p>
							<div class="progress">
								<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="90">90%</div>
							</div>
						</div>
						<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="500ms">
							<p class="lead">DATA TRANSFER RATE</p>
							<div class="progress">
								<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="100">100%</div>
							</div>
						</div>
						<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
							<p class="lead">RELIABILITY</p>
							<div class="progress">
								<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="99">99%</div>
							</div>
						</div>
						<div class="single-skill wow fadeInDown" data-wow-duration="1000ms" data-wow-delay="600ms">
							<p class="lead">PERFORMANCE</p>
							<div class="progress">
								<div class="progress-bar progress-bar-primary six-sec-ease-in-out" role="progressbar" aria-valuetransitiongoal="95">95%</div>
							</div>
						</div>
					</div>

					<!-- Tooltip -->
					<button class="btn btn-primary" data-toggle="modal" data-target="#myModal">EXPLORE<span class="glyphicon glyphicon-arrow-right" aria-hidden="true"></span></button>

					<div class="tooltip-content">

						<div class="modal fade features-modal" id="myModal" tabindex="-1" role="dialog" aria-hidden="true">
							<div class="modal-dialog modal-lg">
								<div class="modal-content">
									<div class="modal-header">
										<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
										<h4 class="modal-title">High-tech information</h4>
									</div>
									<div class="modal-body">
										<img src="images/san.png" alt="Hitech Info">
										<p>Storage Area Network (SAN) uses Fibre Channel technology to connect storage arrays and server hosts through Fibre Channel switches to establish a dedicated area network for data storage.</p>
									</div>
								</div>
							</div>
						</div>

						<script>
							$('#myModal').modal('');
						</script>

					</div>
					<!-- //Tooltip -->

				</div>

			</div>
			<!-- //Skills -->
			<div class="clearfix"></div>

		</div>
	</div>
	<!-- //About -->



	<!-- Services -->
	<div class="services" id="services">
		<div class="container">

			<h3>SERVICES</h3>
			<div class="heading-underline">
				<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
			</div>


			<div class="service-grids">
				<div class="col-md-4 col-sm-4 service-grid service-grid-1">
					<img src="images/service-1.png" alt="Hitech Info">
					<h4>SAN</h4>
					<p>MS series storage system, designed for large cloud computing data centers, provides users with high-performance, safe and reliable storage platform with flexible deployment of resources</p>
				</div>
				<div class="col-md-4 col-sm-4 service-grid service-grid-2">
					<img src="images/service-2.png" alt="Hitech Info">
					<h4>DISTRIBUTED</h4>
					<p> We are committed to providing customers with a new generation of distributed products that are intelligent and efficient, safe and reliable, flexible and scalable, and flexible in architecture</p>
				</div>
				<div class="col-md-4 col-sm-4 service-grid service-grid-3">
					<img src="images/service-3.png" alt="Hitech Info">
					<h4>BACKUPS</h4>
					<p>Integrate traditional data scheduled backup, real-time backup, data disaster recovery, rapid recovery, and application takeover to protect enterprise data security</p>
				</div>
				<div class="clearfix"></div>
			</div>

		</div>
	</div>
	<!-- //Services -->



	<!-- Pricing -->
	<div class="pricing" id="pricing">
		<div class="container">

			<h3>PRICING</h3>
			<div class="heading-underline">
				<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
			</div>

			<div class="pricing-grids">
				<div class="grid1">
					<span>$63/<small>month</small></span>
					<h4>OBJECT STORAGE</h4>
					<ul class="para">
						<li>1 PLATFORM</li>
						<li>500 GB SPECIFICATIONS</li>
						<li>RESOURCE STORAGE MULTIPLE AZ PACKAGES</li>
						
					</ul>
					<div class="sign text-center">
						<!-- <a class="popup-with-zoom-anim" href="#small-dialog">DETAIL</a> -->
					</div>
				</div>

				<div class="grid2">
					<span>$350/<small>month</small></span>
					<h4>ELASTIC  VOLUME SERVICE</h4>
					<ul class="para">
						<li>1 PLATFORM</li>
						<li>500 GB SPECIFICATIONS</li>
						<li>UNIVERSA SSD</li>
						
					</ul>
					<div class="sign text-center">
						<!-- <a class="popup-with-zoom-anim" href="#small-dialog">DETAIL</a> -->
					</div>
				</div>

				<div class="grid3">
					<span>$439/<small>month</small></span>
					<h4>ELASTIC CLOUD SERVER</h4>
					<ul class="para">
						<li>1 PLATFORM</li>
						<li>4VCPUs</li>
						<li>8GIB</li>
						<li>INTEL ICE LAKE</li>
					</ul>
					<div class="sign text-center">
						<!-- <a class="popup-with-zoom-anim" href="#small-dialog">DETAIL</a> -->
					</div>
				</div>
				<div class="clearfix"></div>

				<!-- Popup-Box -->
				<div id="popup">
					<div id="small-dialog" class="mfp-hide">
						<div class="pop_up">
							<div class="payment-online-form-left">
								<form>
									<h4><span class="shipping"> </span>Customer Details</h4>
									<ul>
										<li><input class="text-box-dark" type="text" value="First Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'First Name';}"></li>
										<li><input class="text-box-dark" type="text" value="Last Name" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Last Name';}"></li>
									</ul>
									<ul>
										<li><input class="text-box-dark" type="text" value="Email" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Email';}"></li>
										<li><input class="text-box-dark" type="text" value="Phone" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Phone';}"></li>
									</ul>
									<div class="clear"></div>
									<h4 class="paymenthead"><span class="payment"></span>Payment Details</h4>
									<div class="clear"></div>
									<ul class="payment-type">
										<li><span class="col_checkbox">
												<input id="3" class="css-checkbox1" type="checkbox">
												<label for="3" class="css-label1"></label>
												<a class="visa" href="#"></a>
											</span>
										</li>
										<li>
											<span class="col_checkbox">
												<input id="4" class="css-checkbox2" type="checkbox">
												<label for="4" class="css-label2"></label>
												<a class="paypal" href="#"></a>
											</span>
										</li>
									</ul>
									<ul>
										<li><input class="text-box-dark" type="text" value="Card Number" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Card Number';}"></li>
										<li><input class="text-box-dark" type="text" value="Name on card" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Name on card';}"></li>
									</ul>
									<ul>
										<li><input class="text-box-light hasDatepicker" type="text" id="datepicker" value="Expiration Date" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Expiration Date';}"><em class="pay-date"> </em></li>
										<li><input class="text-box-dark" type="text" value="Security Code" onfocus="this.value = '';" onblur="if (this.value == '') {this.value = 'Security Code';}"></li>
									</ul>
									<ul class="payment-sendbtns">
										<li><input type="reset" value="Reset"></li>
										<li><a href="#" class="order">Process order</a></li>
									</ul>
									<div class="clear"></div>
								</form>
							</div>
						</div>
					</div>
				</div>
				<button title="Close (Esc)" type="button" class="mfp-close">×</button>
				<!-- //Popup-Box -->

			</div>

		</div>
	</div>
	<!-- //Pricing -->



	<!-- Team -->
	<div class="team" id="team">
		<div class="container">

			<h3>TEAM</h3>
			<div class="heading-underline">
				<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
			</div>
			

			<div class="team-grids">
				<div class="ch-grid">
					<div class="col-md-3 col-sm-3 team-grid team-grid1">
						<div class="ch-item ch-img-1">
							<div class="ch-info-wrap">
								<div class="ch-info">
									<div class="ch-info-front ch-img-1"></div>
									<div class="ch-info-back">
										<h4>RICHARD HAMMOND</h4>
										<p>CEO</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 team-grid team-grid2">
						<div class="ch-item ch-img-2">
							<div class="ch-info-wrap">
								<div class="ch-info">
									<div class="ch-info-front ch-img-2"></div>
									<div class="ch-info-back">
										<h4>RACHEL JONES</h4>
										<p>CTO</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 team-grid team-grid3">
						<div class="ch-item ch-img-3">
							<div class="ch-info-wrap">
								<div class="ch-info">
									<div class="ch-info-front ch-img-3"></div>
									<div class="ch-info-back">
										<h4>KRISTEN BELL</h4>
										<p>CFO</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="col-md-3 col-sm-3 team-grid team-grid4">
						<div class="ch-item ch-img-4">
							<div class="ch-info-wrap">
								<div class="ch-info">
									<div class="ch-info-front ch-img-4"></div>
									<div class="ch-info-back">
										<h4>WILLIAM HANNAH</h4>
										<p>CSO</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>

		</div>
	</div>
	<!-- //Team -->



	<!-- Projects -->
	<div class="projects" id="projects">

		<h3>SMART DEVICES</h3>
		<div class="heading-underline">
			<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
		</div>

		<div class="gallery-items">
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-1">
				<a class="example-image-link" href="images/gallery-1-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-1.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-2">
				<a class="example-image-link" href="images/gallery-2-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-2.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-3">
				<a class="example-image-link" href="images/gallery-3-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-3.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-4">
				<a class="example-image-link" href="images/gallery-4-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-4.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-5">
				<a class="example-image-link" href="images/gallery-5-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-5.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-6">
				<a class="example-image-link" href="images/gallery-6-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-6.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-7">
				<a class="example-image-link" href="images/gallery-7-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-7.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-8">
				<a class="example-image-link" href="images/gallery-8-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-8.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-9">
				<a class="example-image-link" href="images/gallery-9-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-9.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-10">
				<a class="example-image-link" href="images/gallery-10-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-10.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-11">
				<a class="example-image-link" href="images/gallery-11-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-11.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="col-md-2 col-sm-2 gallery-item gallery-item-12">
				<a class="example-image-link" href="images/gallery-12-big.jpg" data-lightbox="example-set" data-title="">
					<div class="grid">
						<figure class="effect-apollo">
							<img src="images/gallery-12.jpg" alt="Hitech Info">
								<figcaption></figcaption>
						</figure>
					</div>
				</a>
			</div>
			<div class="clearfix"></div>
		</div>

	</div>
	<!-- //Projects -->



	<!-- Testimonial -->
	<div class="testimonial" id="testimonial">
		<div class="container">

			<h3>ENTERPRISE VISION</h3>
			<div class="heading-underline">
				<div class="h-u1"></div><div class="h-u2"></div><div class="h-u3"></div><div class="clearfix"></div>
			</div>

			<!-- Slider2 -->
			<div class="slider2">
				<ul class="rslides" id="slider2">
					<li>
						<p>As a leading optical storage high-tech enterprise in China, Cloud Technology is committed to becoming a trusted partner for data storage and management of government and enterprise users in the era of big data.
							<br>
							We take "enabling China's storage" as our corporate mission, adhere to the actual needs of users, take root in the core technology and continue to innovate independently, contribute to the development of China's storage information industry, and play value for China's socio-economic data infrastructure.</p>
						
							
					</li>
					<li>
						<p>As a leading optical storage high-tech enterprise in China, Cloud Technology is committed to becoming a trusted partner for data storage and management of government and enterprise users in the era of big data.
							<br>
							We take "enabling China's storage" as our corporate mission, adhere to the actual needs of users, take root in the core technology and continue to innovate independently, contribute to the development of China's storage information industry, and play value for China's socio-economic data infrastructure.</p>
						
					</li>
					<li>
						<p>As a leading optical storage high-tech enterprise in China, Cloud Technology is committed to becoming a trusted partner for data storage and management of government and enterprise users in the era of big data.
							<br>
							We take "enabling China's storage" as our corporate mission, adhere to the actual needs of users, take root in the core technology and continue to innovate independently, contribute to the development of China's storage information industry, and play value for China's socio-economic data infrastructure.</p>
						
					</li>
					<li>
						<p>As a leading optical storage high-tech enterprise in China, Cloud Technology is committed to becoming a trusted partner for data storage and management of government and enterprise users in the era of big data.
							<br>
							We take "enabling China's storage" as our corporate mission, adhere to the actual needs of users, take root in the core technology and continue to innovate independently, contribute to the development of China's storage information industry, and play value for China's socio-economic data infrastructure.</p>
						
					</li>
					<li>
						<p>As a leading optical storage high-tech enterprise in China, Cloud Technology is committed to becoming a trusted partner for data storage and management of government and enterprise users in the era of big data.
							<br>
							We take "enabling China's storage" as our corporate mission, adhere to the actual needs of users, take root in the core technology and continue to innovate independently, contribute to the development of China's storage information industry, and play value for China's socio-economic data infrastructure.</p>
					</li>
				</ul>
			</div>
			<!-- //Slider2 -->

		</div>
	</div>
	<!-- //Testimonial -->



	<!-- Hitech Infosletter -->
    <div class="newsletter" id="newsletter">
        <div class="container">
            <div class="new-grids">
                <div class="col-md-6 col-sm-6 subscribe">
                    <p>Subscribe to our Newsletter</p>
                </div>
                <div class="col-md-6 col-sm-6 email-form">
                    <form action="#" method="post">
                        <input class="email" type="email" name="Email" placeholder="Email Address" required="">
                        <input type="submit" class="submit1" value="SEND">
                    </form>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
    <!-- //Hitech Infosletter -->



	<!-- Follow -->
	<div class="follow">
		<div class="container">

			<!-- Slider3 -->
			<div class="slider3">
				<ul class="rslides" id="slider3">
					<li>
						<img src="images/follow-1.png" alt="Hitech Info">
						<!-- <p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit. Lorem ipsum dolor sit amet, consectetur adipi.</p> -->
						<a href="#">Follow Us : YunTech@gmail.com</a>
						</br>
						<a href="#">Company address: No. 88, Youkeyuan Road, Wuhan, Hubei Province</a>
						</br>
						<a href="#">Mobile office phone: 4000-955-999</a>
						</br>
					</li>
					<li>
						<img src="images/follow-2.png" alt="Hitech Info">
					<!-- 	<p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit. Lorem ipsum dolor sit amet, consectetur adipi.</p> -->
						<a href="#">Follow Us : YunTech@gmail.com</a>
						</br>
						<a href="#">Company address: No. 88, Youkeyuan Road, Wuhan, Hubei Province</a>
						</br>
						<a href="#">Mobile office phone: 4000-955-999</a>
						</br>
					</li>
					<li>
						<img src="images/follow-3.png" alt="Hitech Info">
					<!-- 	<p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit. Lorem ipsum dolor sit amet, consectetur adipi.</p> -->
						<a href="#">Follow Us : YunTech@gmail.com</a>
						</br>
						<a href="#">Company address: No. 88, Youkeyuan Road, Wuhan, Hubei Province</a>
						</br>
						<a href="#">Mobile office phone: 4000-955-999</a>
						</br>
					</li>
					<li>
						<img src="images/follow-4.png" alt="Hitech Info">
					<!-- 	<p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit. Lorem ipsum dolor sit amet, consectetur adipi.</p> -->
						<a href="#">Follow Us : YunTech@gmail.com</a>
						</br>
						<a href="#">Company address: No. 88, Youkeyuan Road, Wuhan, Hubei Province</a>
						</br>
						<a href="#">Mobile office phone: 4000-955-999</a>
						</br>
					</li>
					<li>
						<img src="images/follow-5.png" alt="Hitech Info">
						<!-- <p>Exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit. Lorem ipsum dolor sit amet, consectetur adipi.</p> -->
						<a href="#">Follow Us : YunTech@gmail.com</a>
						</br>
						<a href="#">Company address: No. 88, Youkeyuan Road, Wuhan, Hubei Province</a>
						</br>
						<a href="#">Mobile office phone: 4000-955-999</a>
						</br>
					</li>
				</ul>
			</div>
			<!-- //Slider3 -->

		</div>
	</div>
	<!-- //Follow -->



	<!-- Social -->
	<div class="social">

		<p>Follow Us On</p>

		<!-- Social-Icons -->
		<ul class="social-icons">
			<li><a href="#" class="facebook" title="Go to Our Facebook Page"></a></li>
			<li><a href="#" class="twitter" title="Go to Our Twitter Account"></a></li>
			<li><a href="#" class="googleplus" title="Go to Our Google Plus Account"></a></li>
			<li><a href="#" class="instagram" title="Go to Our Instagram Account"></a></li>
			<li><a href="#" class="youtube" title="Go to Our Youtube Channel"></a></li>
		</ul>
		<!-- //Social-Icons -->

	</div>
	<!-- //Social -->



	<!-- Copyright -->
	<div class="copyright">
		<p>Copyright &copy; 2023.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">YunTech copy right</a></p>
	</div>
	<!-- //Copyright -->



	<!-- Custom-JavaScript-File-Links -->

		<!-- Supportive-JavaScript --> 			 <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
		<!-- Necessary-JS-File-For-Bootstrap --> <script type="text/javascript" src="js/bootstrap.min.js"></script>

		<!-- Slider-JavaScript -->
			<script src="js/responsiveslides.min.js"></script>
			<script>
				$(function () {
					$("#slider1, #slider2, #slider3").responsiveSlides({
						auto: true,
						nav: true,
						speed: 1500,
						namespace: "callbacks",
						pager: true,
					});
				});
			</script>
		<!-- //Slider-JavaScript -->

		<!-- Sliding-Menu-JavaScript -->
			<script src="js/ytmenu.js"></script>
		<!-- //Sliding-Menu-JavaScript -->

		<!-- Skills-Bar-Animation-JavaScript -->
			<script type="text/javascript" src="js/jquery.inview.min.js"></script>
			<script type="text/javascript" src="js/wow.min.js"></script>
			<script type="text/javascript" src="js/mousescroll.js"></script>
			<script type="text/javascript" src="js/main.js"></script>
			<script type="text/javascript" src="js/easy.js"></script>
		<!-- //Skills-Animation-JavaScript -->

		<!-- Pricing-Popup-Box-JavaScript -->
			<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
			<script>
				$(document).ready(function() {
					$('.popup-with-zoom-anim').magnificPopup({
						type: 'inline',
						fixedContentPos: false,
						fixedBgPos: true,
						overflowY: 'auto',
						closeBtnInside: true,
						preloader: false,
						midClick: true,
						removalDelay: 300,
						mainClass: 'my-mfp-zoom-in'
					});
				});
			</script>
		<!-- //Pricing-Popup-Box-JavaScript -->

		<!-- Projects-Popup-Box-JavaScript -->
			<script src="js/modernizr.custom.97074.js"></script>
			<script src="js/jquery.chocolat.js"></script>
			<script type="text/javascript">
				$(function() {
					$('.gallery-item a').Chocolat();
				});
			</script>
		<!-- //Projects-Popup-Box-JavaScript -->

		<!-- Slide-To-Top JavaScript (No-Need-To-Change) -->
			<script type="text/javascript">
				$(document).ready(function() {
					var defaults = {
						containerID: 'toTop', // fading element id
						containerHoverID: 'toTopHover', // fading element hover id
						scrollSpeed: 100,
						easingType: 'linear'
					};
					$().UItoTop({ easingType: 'easeOutQuart' });
				});
			</script>
			<a href="#" id="toTop" style="display: block;"> <span id="toTopHover" style="opacity: 0;"> </span></a>
		<!-- //Slide-To-Top JavaScript -->

		<!-- Smooth-Scrolling-JavaScript -->
			<script type="text/javascript" src="js/move-top.js"></script>
			<script type="text/javascript" src="js/easing.js"></script>
			<script type="text/javascript">
					jQuery(document).ready(function($) {
						$(".scroll, .navbar li a, .footer li a").click(function(event){
							$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
						});
					});
			</script>
		<!-- //Smooth-Scrolling-JavaScript -->

	<!-- //Custom-JavaScript-File-Links -->

</body>
<!-- //Body -->

</html>
